body {
  background-color: #dfdfdf;  
  background-image: url(../pictures/basic_background_grey.png);
  background-repeat: repeat-x;
                  
  font-family: Arial, sans-serif;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
#grass_up {
  background-image: url(../pictures/basic_background_grass.png);
  background-repeat: repeat-x;
  height: 56px;
 
}
#container {
  width: 1069px;
  margin-left: auto; /*Zarovnanie z prava a zarovnanie z lava */  
  margin-right: auto;
}
#upper_blok {
  margin-top: 11px;
  margin-left: auto; /*Zarovnanie z prava a zarovnanie z lava */  
  margin-right: auto;
  
}
#upper_blok:after { /* po pouzity float zarovnania musi nasledovat :after aby sa spravila zarazka*/

  clear: both;
  display: block ;
  content: "" ;
}
/* Tu zacina upper_blok_left ktory obsahuje format pre veci od loga po buttony vcetne*/
#upper_blok_left {
  float: left;
}
#logo_craftlist {
  width: 279px;
  height: 23px;

}
#server_name_container {
  margin-top: 22px;
  margin-bottom: 0px;
  width: 108px;
  height: 19px;


}
#server_name_container .a {
  position: absolute;
  margin: 4px 0px 4px 15px;
  color: #bababa;
  font-size: 60%
}
#server_name {
  width: 108px;
  height: 19px;  

}
#server_tydne_obrazok {
  margin-top: 0px;
  width: 471px;
  height: 64px;

}
/*Tu konci upper_blok_left

Zacina Upper_blok_right ktory obsahuje vyhledat server, doporucujeme a reklamny banner
*/
#upper_blok_right {
  margin-left: 68px;
  float: left;
}
#vyhledat_server_container {
  width: 270px;
  height: 33px;
  position: absolute;
  margin: 0px 0px 0px 200px; 
}
#vyhledat_server_container .a {
  position: absolute;
  margin: 17px 0px 4px 15px;
  color: #bababa;
  font-size: 80%
}
#vyhledat_server{
  width: 270px;
  height: 33px;  

}
#doporucujeme_container {

  width: 108px;
  height: 19px;
  position: absolute;
  margin: 43px 0px 0px 0px;
 
}
#doporucujeme_container .a {
  position: absolute;
  margin: 4px 0px 4px 15px;
  color: #bababa;
  font-size: 60%
}
#doporucujeme{
  width: 108px;
  height: 19px;

}
#reklama_obrazok {
 
  width: 468px;
  height: 64px;
  margin: 64px 0px 0px 0px;

}

/*Tu konci upper_blok_right 

Zacina uppoer_blok_down
*/

#button_blok {
  margin-top: 27.5px;
  margin-left: auto; /*Zarovnanie z prava a zarovnanie z lava */  
  margin-right: auto;
  width: 1068px;
  height: 50px;
}
 
#hlavni_container ul {
  list-style: none;
  padding: 0;
  margin: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
#hlavni_container li {
  width: 115px;
  height: 40px;
  display: block;
}
.btn {
 
  background-image: url(../pictures/background_together.png);
  background-repeat: repeat-x; 
  display: block;
 /* position: absolute; */
  margin: 4px 0px 4px 1px;
  color: white;
  font-size: 90%;
  line-height: 40px;
  text-decoration: none;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  text-align: center;
  background-position: -45px -45px;
 /*transition-duration: 0.5s;  toto robi rychlost animace*/
  cursor: pointer;
  
  /*float: left; */
}
.btn:hover {
    color: black;
    background-position: 0px 0px;
}
.btn_red {
 
  background-image: url(../pictures/background_together.png);
  background-repeat: repeat-x; 
  display: block;
 /* position: absolute; */
  margin: 4px 0px 4px 1px;
  color: white;
  font-size: 90%;
  line-height: 40px;
  text-decoration: none;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  text-align: center;
  background-position: -90px -90px;
 /*transition-duration: 0.5s;  toto robi rychlost animace*/
  cursor: pointer;
  
  /*float: left; */
}
.btn_red:hover {
    color: black;
    background-position: 0px 0px;
}
.to_left {
   float:left ;
}
.to_right {
   float:right ;
}
#hlavni_container:after { /* po pouzity float zarovnania musi nasledovat :after aby sa spravila zarazka*/

  clear: both;
  display: block ;
  content: "" ;
}